<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<header th:fragment="leftbar">
    <div class="hidden-xs header user-select"><!--超小屏幕不显示-->
        <h1 class="logo"><a href="/" title="EasyShare-小型资源论坛平台"></a></h1>
        <ul class="nav hidden-xs-nav">
            <li><a href="/"><span class="glyphicon glyphicon-home"></span>网站首页</a></li>
            <li id="openSidebar"><a href="javascript:;"><span class="glyphicon glyphicon-user"></span>个人中心</a></li>
            <li><a href="/page/relevant/1"><span class="glyphicon glyphicon-italic"></span>前端技术</a></li>
            <li><a href="/page/relevant/2"><span class="glyphicon glyphicon-inbox"></span>后端技术</a></li>
            <li><a href="/page/relevant/3"><span class="glyphicon glyphicon-file"></span>资源分享</a></li>
            <li><a href="/page/relevant/4"><span class="glyphicon glyphicon-tree-conifer"></span>其他内容</a></li>
            <li th:if="${session.user?.getUserlevel()==3}"><a href="/page/backstage"><span
                    class="glyphicon glyphicon-globe"></span>管理系统</a>
            </li>
            <li><a href="/page/practicalWeb"><span class="glyphicon glyphicon-tags"></span>实用网站</a></li>
        </ul>
        <div class="feeds"><a class="feed feed-xlweibo" href="https://weibo.com/zzx8530" target="_blank"><i></i>新浪微博</a>
            <a class="feed feed-txweibo" href="javascript:;"><i></i>腾讯微博</a><a class="feed feed-rss"
                                                                               href="javascript:;"><i></i>订阅本站</a>
            <a class="feed feed-weixin" data-toggle="popover" data-trigger="hover" title="微信扫一扫" data-html="true"
               data-content="<img src='/img/main/weixin.png' alt='微信二维码' th:src='@{/img/main/weixin.png}'>"
               href="javascript:;"><i></i>站长微信</a>
        </div>
        <div class="feedsTip" style="display:none;"></div>
        <div class="wall">
            <div id="tip" style="display: none;margin-top: 20px"></div>
            <a href="/page/readerWall" target="_self">留言墙</a> | <a href="/page/tagWall" target="_self">标签墙</a>
        </div>
    </div>
    <!--/超小屏幕不显示-->
    <div class="visible-xs header-xs user-select"><!--超小屏幕可见-->
        <div class="navbar-header header-xs-logo">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#header-xs-menu" aria-expanded="false" aria-controls="navbar"><span
                    class="glyphicon glyphicon-menu-hamburger"></span></button>
        </div>
        <div id="header-xs-menu" class="navbar-collapse collapse">
            <ul class="nav navbar-nav header-xs-nav">
                <li><a href="/"><span class="glyphicon glyphicon-home"></span>网站首页</a></li>
                <li id="openSidebar1"><a href="#"><span class="glyphicon glyphicon-user"></span>个人中心</a></li>
                <li><a href="/page/relevant/1"><span class="glyphicon glyphicon-italic"></span>前端技术</a></li>
                <li><a href="/page/relevant/2"><span class="glyphicon glyphicon-inbox"></span>后端技术</a></li>
                <li><a href="/page/relevant/3"><span class="glyphicon glyphicon-file"></span>资源分享</a></li>
                <li><a href="/page/relevant/4"><span class="glyphicon glyphicon-tree-conifer"></span>其他内容</a></li>
                <li th:if="${session.user?.getUserlevel()==3}"><a href="/page/backstage"><span
                        class="glyphicon glyphicon-globe"></span>管理系统</a>
                </li>
                <li><a href="/page/practicalWeb"><span class="glyphicon glyphicon-tags"></span>友情链接</a></li>
            </ul>
            <form class="navbar-form" action="search.php" method="post" style="padding:0 25px;">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="请输入关键字">
                    <span class="input-group-btn">
            <button class="btn btn-default btn-search" type="submit">搜索</button>
            </span></div>
            </form>
        </div>
    </div>
</header>
</body>
</html>